@import '../../../../css/colorVar.less';
@labelWidth:((8/24)/24)*8*100%;
@spanWidth:((8/24)/24)*100%;
@labelWidth1:((8/24)/24)*8*100%;
.AddHKStock{
    overflow: hidden;
    display: flex;
   
    >div:first-child{
        width: 24%;
        flex-shrink: 0;
    }
    >div:last-child{
        flex:1;
        padding-left: 16px;
    }
    .title{
        width: calc(~'100% - 40px');
        font-size: 16px;
        font-weight: 700;
        color: @table_body_text;
    }
    .wrapper{
        padding: 20px;
        background: rgba(67, 118, 255, 0.05);
    }
    .content{
        color: @table_body_text;
        position: relative;
        .status1,.status2{
            position: absolute;
            right: 0;
            top: 2px;
            height: 18px;
            background: @table_header_bg;
            border-radius: 2px;
            font-size: 12px;
            text-align: center;
            line-height: 18px;
            width: 36px;
            color: @stock_status;
        }
        .status2{
            background-color: @text_red;
            color: @butt_text;
        }
        .itemRow{
            display: flex;
            margin-bottom: 16px;
            >div:first-child{
                padding-right: 20px;
                flex-basis: 130px;
                flex-shrink: 0;
                font-weight: 600;
            }
            >div:last-child{
                flex: 1;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }
        .lineRow{
            margin-top:4px;
            padding-top: 20px;
            border-top: 1px solid @border_color;
        }
    }

    .hidden{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    // .info{
    //     :global{
            
    //         // .ant-row{
    //         //     margin-bottom: 6px;
    //         // }
    //         // .ant-row:first-child{
    //         //     margin-bottom: 4px;
    //         // }
    //     }
    // }
}
.btnOperate{
    width: 100%;
    text-align: right;
    padding-bottom: 20px;
    >div:first-child{
        margin-right: 10px;
    }
    padding-right:  @spanWidth;
}

@media (min-width: 1200px)  and (max-width:1600px) {
    .remark{
        margin-top: 5px;
        :global{
            .ant-form-item-label{
            width: @labelWidth; 
            }
            .ant-form-item-control-wrapper{
            width: calc(100% - @labelWidth - @spanWidth);
            }
        }
    }
   
}
@media (min-width: 1600px) {
    .remark{
    margin-top: 5px;
        :global{
            .ant-form-item-label{
            width: @labelWidth1; 
            }
            .ant-form-item-control-wrapper{
            width: calc(100% - @labelWidth1 - @spanWidth);
            }
        }
    }
}
:global{
    .confirmOrder_offline{
        :global{
            .ant-modal-body{
                max-height: max-content!important;
                height: auto!important;
            }
        }
    }
}

